<template>
    <div>
         <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in lunbotulist" :key="item.id">
                <img :src="item.img" alt="" :class="{ 'full' : isfull }">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
    props: ["lunbotulist","isfull"]
}
</script>

<style lang="scss" scoped>
.mint-swipe{
    height:200px;
    .mint-swipe-item{
        text-align: center;
        // &:nth-child(1){
        //     background: blue;
        //     text-align: center;
        //     line-height: 200px;
        //     font-size: 20px;
        //     font-weight: 900;
        //     color: white;
        // }

        // &:nth-child(2){
        //     background: green;
        //     text-align: center;
        //     line-height: 200px;
        //     font-size: 20px;
        //     font-weight: 900;
        //     color: white;
        // }

        // &:nth-child(3){
        //     background: pink;
        //     text-align: center;
        //     line-height: 200px;
        //     font-size: 20px;
        //     font-weight: 900;
        //     color: white;
        // }
        img{
            //width:100%;
            height:100%;
        }
   
    }
}

.full{
    height: 100%;
    width:100%;

}
</style>
